import React,{PropTypes} from "react";
import Todo from "./Todo";

const TodoList=({todos,onTodoClick})=>(
        <ul>
            {todos.map(todo=>
                    <Todo
                        key={todo.id}
                        {...todo}
                        onClick={()=>onTodoClick(todo.id)}
                    />
                )}
        </ul>
    );
TodoList.propTypes = {
  todos:PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    completed:PropTypes.bool.isRequired,
    text:PropTypes.string.isRequired
  }).isRequired).isRequired,
  onTodoClick:PropTypes.func.isRequired
};

export default TodoList;